<template>
  <div class="main">
    <products />
    <spike-activity/>
    <ads-section />
    <brand-list />
<!--    <collections />-->
    <the-footer />
  </div>
</template>

<script>
import CouponCard from '../../../../components/CouponCard.vue';
import Collections from './Collections.vue';
import Products from './Products.vue'
import AdsSection from './AdsSection.vue';
import TheFooter from './TheFooter.vue';
import BrandList from './BrandList.vue';
import SpikeActivity from "@/views/front/home/components/spikeActivity";
export default {
  components: {SpikeActivity, BrandList, CouponCard, Collections, Products, AdsSection, TheFooter },
  data() {
    return {
      brandList: [],
    }
  },
  created() {

  }
}
</script>

<style scoped>
.banner-background {}
.text{
  font-size: large;
  font-weight:bold;
}
</style>